Consider a div with the border-radius, border, and background-color CSS attributes applied:

Now consider a similar layout but with the background-color specified in an inner-div:

I'm dismayed by the fact that the background-color of the inner is obscuring the border of the outer .

This is a simplified sample of the problem. In reality, I'm using a as the inner element with alternating row colors. And I'm using a as the outer element since border-radius does not seem to work on the element. Here's a jsfiddle of a sample of this problem.

Does anyone have a suggestion for a solution?